<script setup lang="ts">
import { DataGridColumn } from '../../components/data-grid/src/data-grid.props';
import { data } from './demo-data';

const columns: DataGridColumn[] = [
    { field: 'id', title: '标识', dataType: 'string' },
    { field: 'avatar', title: '头像', dataType: 'string' },
    { field: 'code', title: '编号', dataType: 'string' },
    { field: 'name', title: '名称', dataType: 'string' },
    { field: 'fullName', title: '全名', dataType: 'string' },
    { field: 'status', title: '状况', dataType: 'string' },
    { field: 'description', title: '说明', dataType: 'text' }
];

const pagination = {
    enable: true,
    size: 20
};
</script>

<template>
    <div class="fv-grid-demo">
        <f-data-grid :columns="columns" :data="data" :pagination="pagination"></f-data-grid>
    </div>
</template>
<style></style>
